// vnode结构：
// {
//   tag,
//   attrs,
//   children,
// }
//Virtual DOM => DOM
import * as poo from './app.js';
// const {ab} = obj
// console.log(ab);
console.log(poo);
function render(vnode, container) {
    if (container) {
        container.appendChild(_render(vnode));
    } else {
        return _render(vnode);
    }
  }
  function _render(vnode) {
    // 如果是数字类型转化为字符串
    if (typeof vnode === 'number') {
      vnode = String(vnode);
    }
    // 字符串类型直接就是文本节点
    if (typeof vnode === 'string') {
      return document.createTextNode(vnode);
    }
    // 普通DOM
    const dom = document.createElement(vnode.tag);
    if (vnode.attrs) {
      // 遍历属性
      Object.keys(vnode.attrs).forEach(key => {
        const value = vnode.attrs[key];
        dom.setAttribute(key, value);
      })
    }
    // 子数组进行递归操作
    vnode.children.forEach(child => render(child, dom));
    return dom;
  }
  